<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>消息</title>
</head>
<link rel="stylesheet" href="__STATIC__/admin/layui/css/layui.css">
<style>
    #contentd{
        position: relative;
        float: left;
        width: 100%;
        font-family: "Microsoft YaHei";
    }
    *{
        padding: 0;
        margin: 0;
    }
    #contentd>div{
        position: relative;
        margin: auto;
        width: 700px;

    }
    .dancon{
        position: relative;
        float: left;
        width: 100%;
        margin-top: 30px;
        padding: 20px  30px;
        box-sizing: border-box;
        border-bottom: 1px solid #f2f2f2;
    }

    .dancon>div:nth-child(1){
        position: relative;
        width: 100%;
        float: left;
    }
    .dancon>div:nth-child(1)>div:nth-child(1){
        position: relative;
        width: 50%;
        float: left;
        text-align: left;
        font-size: 18px;
        font-weight: bold;
        color: green;
    }
    .dancon>div:nth-child(1)>div:nth-child(2){
        position: relative;
        width: 50%;
        float: right;
        font-size: 16px;
        text-align: right;
    }
    .dancon>div:nth-child(2){
        position: relative;
        width: 100%;
        float: left;
        margin-top: 20px;
        line-height: 30px;
        font-size: 15px;
        color:rgba(1,1,1,0.6)
    }
    .chongdian{
        position: absolute;
        background: red;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        left: 110px;
        top: 20px;
    }

</style>

<body>
<div id="contentd">
    <div id="vues">
        <div class="dancon" v-for="item in shuju">
            <div>
                <div>通知消息</div>
                <div>{{item.create_time}}</div>
            </div>
            <div>
                {{item.neirong}}
            </div>
            <div class="chongdian" v-if="item.status==0"></div>
        </div>





    </div>
    <div id="page" style="text-align: center"></div>

</div>
<script src="__STATIC__/admin/js/jquery-2.2.3.min.js"></script>
<script src="__STATIC__/admin/js/ChaJian.js"></script>
<script src="__STATIC__/admin/layui/layui.all.js"></script>
<script src="__STATIC__/admin/js/vue.js"></script>
<script>
    layui.use('laypage', function(){
        var laypage = layui.laypage;
        ChaJian.getvue("{:url('api/getadminmessagelist')}","#vues",{},'page');
    });
</script>

</body>
</html>